<!doctype html>
<html>
<head>
	<!-- Basics -->
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/sha256.js" ></script>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	
	<title>Login</title>

	<!-- CSS -->
	
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/Login_reset.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/Login_animate.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/Login_styles.css">
	<script>
		function confirmExit()
		{
		 alert("exiting");
		 window.location.href='http://www.google.com.ph/';
		 return "If you leave this page, your test will be reset. ";
		}
		//window.onbeforeunload = confirmExit;
		
	
	
	</script>
</head>

	<!-- Main HTML -->
	
<body>
	
	<!-- Begin Page Content -->
	
	<div id="container">
			<div id="loginTitleBg"><h1 id="loginTitle">BETA Test Engine</h1></div>
			<form action="j_security_check" method="post">
			
				<label for="username">Username:</label>
				
				<input type="text" id="username" name="j_username">
				
				<label for="password">Password:</label>
				
				<input type="password" id="password" name="j_password">
				
				<p style="margin-top: 20px;"><a href="#">Forgot your password?</a></p>
				
				<div id="lower">
				
<!--					<input type="checkbox"><label class="check" for="checkbox">Keep me logged in</label>-->
					<script type="text/javascript">
						function passToHash(){
							var password = document.getElementById('password');
							var passwordVal = password.value;
							password.value = Sha256.hash(passwordVal);
						}
					
					</script>
					<input type="submit" onclick="passToHash()" value="Login">
				
				</div><!--/ lower-->
			
			</form>
			
		</div><!--/ container-->
	
	
	<!-- End Page Content -->
	
</body>

</html>